<template>
  <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" :ellipsis="false"
    @select="handleSelect">
    <el-menu-item index="1">
      <h3>拾云壁纸</h3>
    </el-menu-item>
    <el-menu-item index="2">

      <el-avatar shape="square" :size="size" :src="squareUrl" />
      <span id="name">
        春卷
      </span>
    </el-menu-item>
    <el-menu-item index="3">消息中心</el-menu-item>
  </el-menu>
</template>

<script>
export default {

}
</script>

<style>
#name{
  margin: 15px;
}
.el-menu--horizontal>.el-menu-item:nth-child(1) {
  margin-right: auto;
}
</style>